﻿<!DOCTYPE html>
<html>
  <head>
    <title>选择器</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/选择器/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/选择器/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4514" class="ax_default">
        <div id="u4514_state0" class="panel_state" data-label="State1" style="">
          <div id="u4514_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4515" class="ax_default box_2">
              <div id="u4515_div" class=""></div>
              <div id="u4515_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u4516" class="ax_default paragraph">
              <div id="u4516_div" class=""></div>
              <div id="u4516_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u4517" class="ax_default" data-label="header">
        <div id="u4517_state0" class="panel_state" data-label="State1" style="">
          <div id="u4517_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4518" class="ax_default box_1">
              <div id="u4518_div" class=""></div>
              <div id="u4518_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4519" class="ax_default">
              <div id="u4519_state0" class="panel_state" data-label="State1" style="">
                <div id="u4519_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4520" class="ax_default box_1">
                    <div id="u4520_div" class=""></div>
                    <div id="u4520_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4521" class="ax_default box_1">
                    <div id="u4521_div" class=""></div>
                    <div id="u4521_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4522" class="ax_default box_1">
                    <div id="u4522_div" class=""></div>
                    <div id="u4522_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4523" class="ax_default box_1">
                    <img id="u4523_img" class="img " src="images/index/u10.svg"/>
                    <div id="u4523_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u4524" class="ax_default image">
                    <img id="u4524_img" class="img " src="images/index/u11.png"/>
                    <div id="u4524_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4525" class="ax_default paragraph">
                    <div id="u4525_div" class=""></div>
                    <div id="u4525_text" class="text ">
                      <p><span>iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u4513" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4526" class="ax_default box_1">
        <div id="u4526_div" class=""></div>
        <div id="u4526_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u4528" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4528_div" class=""></div>
        <div id="u4528_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4529" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4529_div" class=""></div>
        <div id="u4529_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4530" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4530_div" class=""></div>
        <div id="u4530_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4531" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4531_div" class=""></div>
        <div id="u4531_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4532" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-light">
        <div id="u4532_div" class=""></div>
        <div id="u4532_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4533" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4533_div" class=""></div>
        <div id="u4533_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4534" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4534_div" class=""></div>
        <div id="u4534_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4535" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4535_div" class=""></div>
        <div id="u4535_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4536" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4536_div" class=""></div>
        <div id="u4536_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4537" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4537_div" class=""></div>
        <div id="u4537_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4538" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4538_div" class=""></div>
        <div id="u4538_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4539" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4539_div" class=""></div>
        <div id="u4539_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4540" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4540_div" class=""></div>
        <div id="u4540_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4541" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4541_div" class=""></div>
        <div id="u4541_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4542" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4542_div" class=""></div>
        <div id="u4542_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4543" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4543_div" class=""></div>
        <div id="u4543_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4544" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4544_div" class=""></div>
        <div id="u4544_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4545" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4545_div" class=""></div>
        <div id="u4545_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4546" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4546_div" class=""></div>
        <div id="u4546_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4547" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4547_div" class=""></div>
        <div id="u4547_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4548" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4548_div" class=""></div>
        <div id="u4548_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4549" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-light">
        <div id="u4549_div" class=""></div>
        <div id="u4549_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4550" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4550_div" class=""></div>
        <div id="u4550_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4551" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4551_div" class=""></div>
        <div id="u4551_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4552" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4552_div" class=""></div>
        <div id="u4552_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4553" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4553_div" class=""></div>
        <div id="u4553_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4554" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4554_div" class=""></div>
        <div id="u4554_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4555" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4555_div" class=""></div>
        <div id="u4555_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4556" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4556_div" class=""></div>
        <div id="u4556_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4557" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4557_div" class=""></div>
        <div id="u4557_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4558" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-light">
        <div id="u4558_div" class=""></div>
        <div id="u4558_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4559" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4559_div" class=""></div>
        <div id="u4559_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4560" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4560_div" class=""></div>
        <div id="u4560_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4561" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4561_div" class=""></div>
        <div id="u4561_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4562" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4562_div" class=""></div>
        <div id="u4562_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4563" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4563_div" class=""></div>
        <div id="u4563_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4564" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4564_div" class=""></div>
        <div id="u4564_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4565" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4565_div" class=""></div>
        <div id="u4565_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4566" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-light">
        <div id="u4566_div" class=""></div>
        <div id="u4566_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4567" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4567_div" class=""></div>
        <div id="u4567_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4568" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4568_div" class=""></div>
        <div id="u4568_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4569" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4569_div" class=""></div>
        <div id="u4569_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4570" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4570_div" class=""></div>
        <div id="u4570_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4571" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-light">
        <div id="u4571_div" class=""></div>
        <div id="u4571_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4572" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-light">
        <div id="u4572_div" class=""></div>
        <div id="u4572_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4573" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4573_div" class=""></div>
        <div id="u4573_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4574" class="ax_default box_1 selected" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4574_div" class="selected"></div>
        <div id="u4574_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4575" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-light">
        <div id="u4575_div" class=""></div>
        <div id="u4575_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4576" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4576_div" class=""></div>
        <div id="u4576_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4577" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4577_div" class=""></div>
        <div id="u4577_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4578" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4578_div" class=""></div>
        <div id="u4578_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4579" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4579_div" class=""></div>
        <div id="u4579_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4580" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4580_div" class=""></div>
        <div id="u4580_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4581" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4581_div" class=""></div>
        <div id="u4581_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4582" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4582_div" class=""></div>
        <div id="u4582_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4583" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4583_div" class=""></div>
        <div id="u4583_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4584" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4584_div" class=""></div>
        <div id="u4584_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4585" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4585_div" class=""></div>
        <div id="u4585_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4586" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4586_div" class=""></div>
        <div id="u4586_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4587" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4587_div" class=""></div>
        <div id="u4587_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4588" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4588_div" class=""></div>
        <div id="u4588_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4589" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4589_div" class=""></div>
        <div id="u4589_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4590" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4590_div" class=""></div>
        <div id="u4590_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4591" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-light">
        <div id="u4591_div" class=""></div>
        <div id="u4591_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4592" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-light">
        <div id="u4592_div" class=""></div>
        <div id="u4592_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4593" class="ax_default box_1" selectiongroup="u4527nav-cebianlan-fenzu-light">
        <div id="u4593_div" class=""></div>
        <div id="u4593_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">列表</span></p>
        </div>
      </div>
      <div id="u4527" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4595" class="ax_default">
        <div id="u4595_state0" class="panel_state" data-label="State1" style="">
          <div id="u4595_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4596" class="ax_default box_1">
              <div id="u4596_div" class=""></div>
              <div id="u4596_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4597" class="ax_default">
              <div id="u4597_state0" class="panel_state" data-label="State1" style="">
                <div id="u4597_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4598" class="ax_default box_1">
                    <div id="u4598_div" class=""></div>
                    <div id="u4598_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4599" class="ax_default label">
                    <div id="u4599_div" class=""></div>
                    <div id="u4599_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4600" class="ax_default label">
                    <div id="u4600_div" class=""></div>
                    <div id="u4600_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4601" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4602" class="ax_default label">
                      <div id="u4602_div" class=""></div>
                      <div id="u4602_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4603" class="ax_default paragraph">
                      <div id="u4603_div" class=""></div>
                      <div id="u4603_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4604" class="ax_default label">
                    <div id="u4604_div" class=""></div>
                    <div id="u4604_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4605" class="ax_default label">
                    <div id="u4605_div" class=""></div>
                    <div id="u4605_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4606" class="ax_default label">
                    <div id="u4606_div" class=""></div>
                    <div id="u4606_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4607" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4608" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4609" class="ax_default">
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4610" class="ax_default label">
                    <div id="u4610_div" class=""></div>
                    <div id="u4610_text" class="text ">
                      <p><span>版本号4.0</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4611" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4612" class="ax_default label">
                      <div id="u4612_div" class=""></div>
                      <div id="u4612_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4613" class="ax_default paragraph">
                      <div id="u4613_div" class=""></div>
                      <div id="u4613_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4614" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4615" class="ax_default label">
                      <div id="u4615_div" class=""></div>
                      <div id="u4615_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4616" class="ax_default paragraph">
                      <div id="u4616_div" class=""></div>
                      <div id="u4616_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u4617" class="ax_default image">
                    <img id="u4617_img" class="img " src="images/index/u11.png"/>
                    <div id="u4617_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4618" class="ax_default box_1">
                    <img id="u4618_img" class="img " src="images/index/u10.svg"/>
                    <div id="u4618_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u4594" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4619" class="ax_default heading_1">
        <div id="u4619_div" class=""></div>
        <div id="u4619_text" class="text ">
          <p><span>Select 选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4620" class="ax_default heading_1">
        <div id="u4620_div" class=""></div>
        <div id="u4620_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4621" class="ax_default label">
        <div id="u4621_div" class=""></div>
        <div id="u4621_text" class="text ">
          <p><span>使用模拟的增强下拉选择器来代替浏览器原生的选择器。</span></p><p><span>考虑到原型的用途无需数据代入，只实现了收起和展开的两种状态。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4622" class="ax_default" data-left="230" data-top="335" data-width="212" data-height="32">

        <!-- select-list-1 (Group) -->
        <div id="u4623" class="ax_default ax_default_hidden" data-label="select-list-1" style="display:none; visibility: hidden" data-left="230" data-top="377" data-width="211" data-height="211">

          <!-- Unnamed (Rectangle) -->
          <div id="u4624" class="ax_default box_1">
            <div id="u4624_div" class=""></div>
            <div id="u4624_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4625" class="ax_default box_1" selectiongroup="dropdown-list-1">
            <div id="u4625_div" class=""></div>
            <div id="u4625_text" class="text ">
              <p><span>New York</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4626" class="ax_default box_1" selectiongroup="dropdown-list-1">
            <div id="u4626_div" class=""></div>
            <div id="u4626_text" class="text ">
              <p><span>London</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4627" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
            <div id="u4627_div" class="disabled"></div>
            <div id="u4627_text" class="text ">
              <p><span>Sydney</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4628" class="ax_default box_1" selectiongroup="dropdown-list-1">
            <div id="u4628_div" class=""></div>
            <div id="u4628_text" class="text ">
              <p><span>Ottawa</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4629" class="ax_default box_1" selectiongroup="dropdown-list-1">
            <div id="u4629_div" class=""></div>
            <div id="u4629_text" class="text ">
              <p><span>Paris</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4630" class="ax_default box_1" selectiongroup="dropdown-list-1">
            <div id="u4630_div" class=""></div>
            <div id="u4630_text" class="text ">
              <p><span>Canberra</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4631" class="ax_default" data-left="230" data-top="335" data-width="212" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u4632" class="ax_default box_1" data-label="input-border">
            <div id="u4632_div" class=""></div>
            <div id="u4632_text" class="text ">
              <p><span>Choose</span></p>
            </div>
          </div>

          <!-- input-border (Rectangle) -->
          <div id="u4633" class="ax_default box_1" data-label="input-border">
            <img id="u4633_img" class="img " src="images/选择器/input-border_u4633.svg"/>
            <div id="u4633_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4634" class="ax_default" data-left="479" data-top="335" data-width="212" data-height="32">

        <!-- select-list-2 (Group) -->
        <div id="u4635" class="ax_default ax_default_hidden" data-label="select-list-2" style="display:none; visibility: hidden" data-left="479" data-top="377" data-width="211" data-height="211">

          <!-- Unnamed (Rectangle) -->
          <div id="u4636" class="ax_default box_1">
            <div id="u4636_div" class=""></div>
            <div id="u4636_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4637" class="ax_default box_1" selectiongroup="dropdown-list-1">
            <div id="u4637_div" class=""></div>
            <div id="u4637_text" class="text ">
              <p><span>New York</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4638" class="ax_default box_1" selectiongroup="dropdown-list-1">
            <div id="u4638_div" class=""></div>
            <div id="u4638_text" class="text ">
              <p><span>London</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4639" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
            <div id="u4639_div" class="disabled"></div>
            <div id="u4639_text" class="text ">
              <p><span>Sydney</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4640" class="ax_default box_1" selectiongroup="dropdown-list-1">
            <div id="u4640_div" class=""></div>
            <div id="u4640_text" class="text ">
              <p><span>Ottawa</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4641" class="ax_default box_1" selectiongroup="dropdown-list-1">
            <div id="u4641_div" class=""></div>
            <div id="u4641_text" class="text ">
              <p><span>Paris</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4642" class="ax_default box_1" selectiongroup="dropdown-list-1">
            <div id="u4642_div" class=""></div>
            <div id="u4642_text" class="text ">
              <p><span>Canberra</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4643" class="ax_default" data-left="479" data-top="335" data-width="212" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u4644" class="ax_default box_1 disabled" data-label="input-border">
            <div id="u4644_div" class="disabled"></div>
            <div id="u4644_text" class="text ">
              <p><span>Choose</span></p>
            </div>
          </div>

          <!-- input-border (Rectangle) -->
          <div id="u4645" class="ax_default box_1 disabled" data-label="input-border">
            <img id="u4645_img" class="img " src="images/选择器/input-border_u4633_disabled.svg"/>
            <div id="u4645_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4646" class="ax_default label">
        <div id="u4646_div" class=""></div>
        <div id="u4646_text" class="text ">
          <p><span>&#149; 基础样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4647" class="ax_default label">
        <div id="u4647_div" class=""></div>
        <div id="u4647_text" class="text ">
          <p><span>&#149; Disabled</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4648" class="ax_default" data-left="731" data-top="335" data-width="212" data-height="32">

        <!-- selection-group-3 (Group) -->
        <div id="u4649" class="ax_default ax_default_hidden" data-label="selection-group-3" style="display:none; visibility: hidden" data-left="731" data-top="377" data-width="211" data-height="211">

          <!-- Unnamed (Rectangle) -->
          <div id="u4650" class="ax_default box_1">
            <div id="u4650_div" class=""></div>
            <div id="u4650_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u4651" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

            <!-- Unnamed (Rectangle) -->
            <div id="u4652" class="ax_default box_1">
              <div id="u4652_div" class=""></div>
              <div id="u4652_text" class="text ">
                <p><span>New York</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u4653" class="ax_default box_1">
              <img id="u4653_img" class="img " src="images/选择器/u4653.svg"/>
              <div id="u4653_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u4654" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

            <!-- Unnamed (Rectangle) -->
            <div id="u4655" class="ax_default box_1">
              <div id="u4655_div" class=""></div>
              <div id="u4655_text" class="text ">
                <p><span>London</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u4656" class="ax_default box_1">
              <img id="u4656_img" class="img " src="images/选择器/u4653.svg"/>
              <div id="u4656_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u4657" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

            <!-- Unnamed (Rectangle) -->
            <div id="u4658" class="ax_default box_1">
              <div id="u4658_div" class=""></div>
              <div id="u4658_text" class="text ">
                <p><span>Sydney</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u4659" class="ax_default box_1">
              <img id="u4659_img" class="img " src="images/选择器/u4653.svg"/>
              <div id="u4659_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u4660" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

            <!-- Unnamed (Rectangle) -->
            <div id="u4661" class="ax_default box_1">
              <div id="u4661_div" class=""></div>
              <div id="u4661_text" class="text ">
                <p><span>Ottawa</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u4662" class="ax_default box_1">
              <img id="u4662_img" class="img " src="images/选择器/u4653.svg"/>
              <div id="u4662_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u4663" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

            <!-- Unnamed (Rectangle) -->
            <div id="u4664" class="ax_default box_1">
              <div id="u4664_div" class=""></div>
              <div id="u4664_text" class="text ">
                <p><span>Paris</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u4665" class="ax_default box_1">
              <img id="u4665_img" class="img " src="images/选择器/u4653.svg"/>
              <div id="u4665_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u4666" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

            <!-- Unnamed (Rectangle) -->
            <div id="u4667" class="ax_default box_1">
              <div id="u4667_div" class=""></div>
              <div id="u4667_text" class="text ">
                <p><span>Canberra</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u4668" class="ax_default box_1">
              <img id="u4668_img" class="img " src="images/选择器/u4653.svg"/>
              <div id="u4668_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4669" class="ax_default" data-left="731" data-top="335" data-width="212" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u4670" class="ax_default box_1" data-label="input-border">
            <div id="u4670_div" class=""></div>
            <div id="u4670_text" class="text ">
              <p><span>Multiple choose</span></p>
            </div>
          </div>

          <!-- input-border (Rectangle) -->
          <div id="u4671" class="ax_default box_1" data-label="input-border">
            <img id="u4671_img" class="img " src="images/选择器/input-border_u4633.svg"/>
            <div id="u4671_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4672" class="ax_default label">
        <div id="u4672_div" class=""></div>
        <div id="u4672_text" class="text ">
          <p><span>&#149; 多选</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
